<!DOCTYPE html> <!-- 声明为HTML5 -->
<html>
  <head>   
    <meta charset="utf-8" /> 
    <title>我的简历</title>
    <link href="style.css" rel="stylesheet" />
  </head>
  <body>
    <div class="resume-container">
      <div class="resume-header">
        <h1>我的简历</h1>
        <h2>嘿嘿，look,look</h2>
      </div>
      <div class="resume-base">
        <div class="resume-base-info">
          <div class="resume-base-info-item">
            <span class="item-label">姓名：</span>
            <span class="item-value">杨影爽</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">性别：</span>
            <span class="item-value">女</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">年龄：</span>
            <span class="item-value">22</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">出生：</span>
            <span class="item-value">2000.03</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">民族：</span>
            <span class="item-value">汉</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">籍贯：</span>
            <span class="item-value">吉林松原</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">学校：</span>
            <span class="item-value">湖州师范学院</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">专业：</span>
            <span class="item-value">物联网工程</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">职务：</span>
            <span class="item-value">学生</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">手机：</span>
            <span class="item-value">17757279008</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">邮箱：</span>
            <span class="item-value">2636424292@qq.com</span>
          </div>
        </div>
        <div class="resume-base-image">
          <img class="resume-base-image-avatar" src="assets/images/resume/m.jpg" />
        </div>
      </div>
      <h4>计算机技能</h4>
      <div class="resume-skill">
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-90"></div>
            <span class="item-value">90</span>
          </div>
          <span class="item-label">C++</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-90"></div>
            <span class="item-value">90</span>
          </div>
          <span class="item-label">HTML</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-90"></div>
            <span class="item-value">50</span>
          </div>
          <span class="item-label">C</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-90"></div>
            <span class="item-value">90</span>
          </div>
          <span class="item-label">Python</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-75"></div>
            <span class="item-value">55</span>
          </div>
          <span class="item-label">Nginx</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-80"></div>
            <span class="item-value">80</span>
          </div>
          <span class="item-label">MongoDB</span>  
        </div>
      </div>
      <h4>学习经历</h4>
      <div class="resume-learning">
        <div class="resume-learning-item">
          <span class="item-school">前郭五中</span>
          <span class="item-major"></span>
          <span class="item-degree"></span>
          <span class="item-date">2015.09-2018.07</span>
        </div>
        <div class="resume-learning-item">
          <span class="item-school">湖州师范学院</span>
          <span class="item-major">物联网工程</span>
          <span class="item-degree">本科</span>
          <span class="item-date">2018.09-2022.07</span>
        </div>
      </div>
      <h4>项目经历</h4>
      <div class="resume-project">
        <div class="resume-project-item">
          <img class="item-image" src="assets/images/resume/b.jpg" />
          <span class="item-title">人机交互</span>
          <span class="item-date">2021.10-2022.10</span>
          <div class="item-tags">
            <span class="item-tag">项目负责人</span>
            <span class="item-tag">杨影爽</span>
          </div>
          <span class="item-description">研究人的步态，形态，语态,根据人的各种特征设计出相应的软件，实现人机交互，例如智能家居等</span>
        </div>
      <h4>校园经历</h4> 
        <div class="resume-project-item">
          <img class="item-image" src="assets/images/image.jpg" />
          <span class="item-title">志愿者服务</span>
          <span class="item-date">2018.01-2019.12</span>
          <div class="item-tags">
            <span class="item-tag">职务</span>
            <span class="item-tag">干事</span>
          </div>
          <span class="item-description">主要工作：
            （1）活动的发布和招募
            （2）统计志愿者时长
          </span>
        </div>
        <div class="resume-project-item">
          <img class="item-image" src="assets/images/resume/a.png" />
          <span class="item-title">社团</span>
          <span class="item-date">2019.06-2020.06</span>
          <div class="item-tags">
            <span class="item-tag">职务</span>
            <span class="item-tag">社团社长</span>
          </div>
          <span class="item-description">主要负责社团内部管理，社团平时活动的开展</span>
        </div>
      </div>
    </div>
  </body>
</html>